<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Textbox Placeholder Example</title>
    <style>
        .l {
            width: 200px;
            padding: 4px;
            font-size: 15px;
        }
    </style>
</head>
<body>
    <input type="text" id=".l" onfocus="handleFocus()" onblur="handleBlur()" value="请输入内容：">

    <script>
        // 默认提示文字
        const defaultText = "请输入内容：";

        // 获取文本框元素
        const textbox = document.getElementById('.l');

        // 处理获取焦点事件
        function handleFocus() {
            if (textbox.value === defaultText) {
                textbox.value = '';
                textbox.style.color = 'black'; // 你可以根据需要调整文本颜色
            }
        }

        // 处理失去焦点事件
        function handleBlur() {
            if (textbox.value === '') {
                textbox.value = defaultText;
                textbox.style.color = 'gray'; // 你可以根据需要调整文本颜色，以区分提示文字和用户输入
            }
        }
    </script>
</body>
</html>